﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ezj.ext.chart - ezj</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>

<div class="section">
  <h1>ezj.ext.chart</h1>
  
  <div class="block">
    <h3>HTML 代码</h3>
    <textarea class="code xhtml">
    <div id="chart1"></div>
    <div id="chart2"></div>
    <div id="chart3"></div>
    <div id="chart4"></div>
    </textarea>
    
    <h3>JavaScript 代码（ezj 代码）</h3>
    <textarea class="code javascript">
    ezj.ready(function(){
        ezj.ext.chart(chart1, "inc/chart/data1.txt", 600, 300);
        ezj.ext.chart(chart2, "inc/chart/data2.txt", 600, 300);
        ezj.ext.chart(chart3, "inc/chart/data3.txt", 600, 300);
        ezj.ext.chart(chart4, "inc/chart/data4.txt", 600, 300);
    });
    </textarea>
  </div>
  
  <div class="block">
    <h3>演示</h3>
    <div id="chart1"></div>
    <div id="chart2"></div>
    <div id="chart3"></div>
    <div id="chart4"></div>
  </div>
  
  <div class="block">
    <h3>问答</h3>
    <ul class="faq">
      <li>
        <p>问：为何图表一直在 Loading？</p>
        <p>答：对于本演示，不能双击 HTML 文件打开演示，需放到 Web 服务器下，用 HTTP 协议来浏览。</p>
      </li>
      <li>
        <p>问：数据文件的 URL 是否可以含 QueryString 参数？</p>
        <p>答：可以，但 ?、& 等均需要 URLEncode。</p>
      </li>
      <li>
        <p>问：中文怎么会有乱码？</p>
        <p>答：请使用 UTF-8 编码。</p>
      </li>
      <li>
        <p>问：怎么不介绍数据文件？</p>
        <p>答：ezj.ext.chart 是调用的 Open Flash Chart，关于数据文件的更多介绍请参见 <a href="http://teethgrinder.co.uk/open-flash-chart-2/" target="_blank">http://teethgrinder.co.uk/open-flash-chart-2/</a>。</p>
      </li>
    </ul>
  </div>
  
  <div class="block footer">
  版权所有 &copy; 2008 - 2010 <a href="http://www.getezj.com/" target="_blank">www.getezj.com</a>
  </div>
</div>

<script type="text/javascript" src="../ezj.js"></script>
<script type="text/javascript">
<!--
ezj.ready(function(){
    ezj.ext.chart(chart1, "inc/chart/data1.txt", 600, 300);
    ezj.ext.chart(chart2, "inc/chart/data2.txt", 600, 300);
    ezj.ext.chart(chart3, "inc/chart/data3.txt", 600, 300);
    ezj.ext.chart(chart4, "inc/chart/data4.txt", 600, 300);
    
    ezj.ext.codelighter(".code");
});
//-->
</script>

</body>

</html>